<%@ page pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>快捷支付测试</title>
<link href="../resources/bootstrap-3.3.7/dist/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="../js/common/easydialog-v2.0/easydialog.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="../js/common/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/quick/modernizr.min.js"></script>
<script type="text/javascript" src="../js/common/easydialog-v2.0/easydialog.min.js"></script>
<script type="text/javascript" src="../js/quick/quickPay.js"></script>

</head>

<body>
  <input type="hidden" value="1" id="cardType"/>
  <input type="hidden" id="orderNo"/>
  <div class="container" style="width:50%;">
			<div class="row main">
				<div class="main-login main-center">
				<h5 align="center" id="result">快捷支付测试Demo</h5>
					<form class="" method="post" action="#">
						<div class="form-group">
							<label for="email" class="cols-sm-2 control-label">卡类型:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
									<input type="radio"  name="cardType" value="1" class="cardType" checked="checked"/>信用卡</br>
									<input type="radio" name="cardType" value="0" class="cardType"/>借记卡
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="username" class="cols-sm-2 control-label">所属银行:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
									<select class="form-control" name="bankCode" id="bankCode">
									    <option value="ICBC" >工商银行</option>
							            <option value="ABC" >农业银行</option>
							            <option value="BOC" >中国银行</option>
							            <option value="CCB" >建设银行</option>
							            <option value="POST" >邮储银行</option>
							            <option value="ECITIC" >中信银行</option>
							            <option value="CEB" >光大银行</option>
							            <option value="HXB" >华夏银行</option>
							            <option value="CMBC" >民生银行</option>
							            <option value="CMBCHINA" >招商银行</option>
							            <option value="CIB" >兴业银行</option>
							            <option value="SPDB" >浦发银行</option>
							            <option value="PINGAN" >平安银行</option>
							            <option value="GDB" >广发银行</option>
							            <option value="BCCB">北京银行</option>
							            <option value="SHB" >上海银行</option>
									</select>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="name" class="cols-sm-2 control-label">手机号码:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="phone" id="phone"  placeholder="请输入手机号码"/>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label for="email" class="cols-sm-2 control-label">商户号:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="payeeId" id="payeeId"  placeholder="请输入商户号"/>
								</div>
							</div>
						</div>
						
						<div class="form-group">
							<label for="username" class="cols-sm-2 control-label">银行卡号:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="payerAcc" id="payerAcc"  placeholder="请输入银行卡号"/>
								</div>
							</div>
						</div>
						<div class="form-group" id="_validDate">
							<label for="username" class="cols-sm-2 control-label">有效期:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="validDate" id="validDate"  placeholder="请输入年份月份,如1808"/>
								</div>
							</div>
						</div>
						<div class="form-group" id="_cvn2">
							<label for="username" class="cols-sm-2 control-label">cvn2:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="cvn2" id="cvn2"  placeholder="请输入卡背后三位数"/>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="password" class="cols-sm-2 control-label">真实姓名:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="payerName" id="payerName"  placeholder="请输入真实姓名"/>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="password" class="cols-sm-2 control-label">身份证:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="certNo" id="certNo"  placeholder="请输入身份证"/>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="password" class="cols-sm-2 control-label">支付金额:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="payAmount" id="payAmount"  placeholder="请输入支付金额"/>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="password" class="cols-sm-2 control-label">验证码:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="smsCode" id="smsCode"  placeholder="请输入验证码"/>
									<input type="button" id="comsumeSmsBtn" class="btn btn-primary btn-lg btn-block " value="获取短信"/>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="password" class="cols-sm-2 control-label">MerKey:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="merKey" id="merKey"  placeholder="请输入MerKey"/>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="password" class="cols-sm-2 control-label">回调连接地址:</label>
							<div class="cols-sm-10">
								<div class="input-group">
									<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
									<input type="text" class="form-control" name="notifyUrl" id="notifyUrl"  placeholder="请输入回调连接地址"/>
								</div>
							</div>
						</div>
						<div class="form-group ">
							<a href="javascript:;" type="button" id="button" class="btn btn-primary btn-lg btn-block login-button">提交</a>
						</div>
						
					</form>
				</div>
			</div>
		</div>
</body>
</html>